<template>
	<!--机构/团体数据交易账户-->
	<view class="padding-bottom-lg">
		<cu-custom bgColor="bg-white" :isBack="true">
			<block slot="content">
				<view class="custom-title">企业数据交易账户</view>
			</block>
		</cu-custom>
		<view class="progress1 padding-top-32">
			<view class="progress-circle-1">
				<view class="complate-content">
					<image src="https://txr001.zthj.net/static/img/complate.png" class="img-40"></image>
				</view>
				<text class="progress-text">基本信息</text>
			</view>
			<view class="progress-line1"></view>
			<view class="progress-circle-gray">
				<view class="complate-content">
					<view class="uncomplate-content"></view>
				</view>
				<text class="progress-text">申请代表</text>
			</view>
			<view class="progress-line1"></view>
			<view class="progress-circle-gray">
				<text class="progress-circle-number">3</text>
				<text class="progress-text">确认代表</text>
			</view>
			<view class="progress-line1"></view>
			<view class="progress-circle-gray">
				<text class="progress-circle-number">4</text>
				<text class="progress-text">附件上传</text>
			</view>
			<view class="progress-line1"></view>
			<view class="progress-circle-gray">
				<text class="progress-circle-number">5</text>
				<text class="progress-text">附件寄送</text>
			</view>
		</view>
		<view class="margin-32 padding-32 bg-white radius-48">
			
			<view class="basic-qy-name">姓名：</view>
			<input class="basic-qy-input" placeholder="请输入姓名" name="input"></input>
			
			<view class="basic-qy-name padding-top-48">身份证明类型：</view>
			<radio-group class="block " v-model="radio">
				<view class="padding-top-lg padding-bottom">
					<view class="flex">
						<view class="flex-sub flex justify-start align-center">
							<radio :label='1' style="transform:scale(0.8)"></radio>
						    <text class="basic-radio-title">身份证</text>
						</view>
						<view class="flex-sub flex justify-start align-start">
							<radio :label='2' style="transform:scale(0.8)"></radio>
						    <text class="basic-radio-title">港澳居民来往内地通行证</text>
						</view>
					</view>
					<view class="flex padding-top-40">
						<view class="flex-sub flex justify-start align-start">
							<radio :label='3' style="transform:scale(0.8)"></radio>
						    <text class="basic-radio-title">台湾居民来往大陆通行证</text>
						</view>
						<view class="flex-sub flex justify-start align-start">
							<radio :label='4' style="transform:scale(0.8)"></radio>
						    <text class="basic-radio-title">护照或外国人永久居留证</text>
						</view>
					</view>
				</view>
			</radio-group>
			
			<view class="basic-qy-name padding-top-48">证件号码：</view>
			<input class="basic-qy-input" placeholder="请输入证件号码" name="input"></input>
			
			<view class="basic-qy-name padding-top-48">手机：</view>
			<input class="basic-qy-input" placeholder="请输入手机号" name="input"></input>
			
			<view class="basic-qy-name padding-top-48">电子邮件：</view>
			<input class="basic-qy-input" placeholder="请输入电子邮件" name="input"></input>
			
			
			<view class="padding flex flex-wrap justify-center align-center">
				<button class="cu-btn round submit-btn" @click="toNext">下一步</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				radio: 1,
			}
		},
		onLoad() {

		},
		methods: {
			toNext(){
				uni.navigateTo({
					url:"/pages/groups/trafficAccountThree"
				})
			},
			RadioChange(e) {
				this.radio = e.detail.value
			},
			BackPage() {
				uni.navigateBack({
					delta: 1
				});
			}
			
		}
	}
</script>

<style scoped>
</style>
